<template>
<view>
	<approachDetail :isArchives="isArchives"></approachDetail>
</view>
</template>

<script>
	let _this;
import approachDetail from '../../components/home-metting/approach-detail.vue'
	export default {
components:{
	approachDetail
},
		data() {
			return {
				tabBar:{
					tabIndex:0,
					tabBars:[
						{	name:'车辆检查'},
						{name:'车辆档案'},
						{name:'车辆检查'}
					]
				}
			}
		},

		created(){
			_this=this
		},

		methods: {
			tapTab(e){
				_this.tabBar.tabIndex=e
			}
		}
	}
</script>

<style>
	.swiper-tab-list{width: 20%!important;background-color: #FFFFFF;border: none!important;padding: 20upx 0!important;}
		.uni-tab-bar .active{color: #3CA4F9!important;background-color: #FFFFFF;position: relative;text-align: center;}
		.uni-tab-bar .active:after{content: '';position: absolute;width: 25%;height: 5upx;background-color: #3CA4F9;left: 35%;bottom: 0;border-radius: 3upx;}
	.zc-swiper-tab{
		display: flex;
		border: none !important;
		width: 100%;
	}
	.swiper-tab-list {
		width: 33.3% !important;
	}
</style>
